﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- Title -->
    <title>Rapid - A Responsive WordPress Blog Theme</title>
    
    <!-- /favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/assets1/css/bootstrap.min.css">

    <!--矢量图标-->
    <link rel="stylesheet" href="/style/icon/icon.css">
    
    <!-- Font awesome CSS -->
    <link rel="stylesheet" href="/assets1/css/font-awesome.min.css">
    
    <!-- Animate CSS -->
    <link rel="stylesheet" href="/assets1/css/animate.min.css">
    
    <!-- OwlCarousel CSS -->
    <link rel="stylesheet" href="/assets1/css/owl.carousel.css">
    
    <!-- SlickNav CSS -->
    <link rel="stylesheet" href="/assets1/css/slicknav.min.css">
    
    <!-- Magnific popup CSS -->
    <link rel="stylesheet" href="/assets1/css/magnific-popup.css">
    
    <!-- Main CSS -->
    <link rel="stylesheet" href="/assets1/css/style.css">
    
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="/assets1/css/responsive.css">

</head>
<body>

    <!-- 头部图片logo 开始 -->
    <section  th:replace="~{common/blogHead :: blogHead}">
    </section>
    <!-- 头部图片logo 结束 -->

    <!-- 头部菜单 开始-->
    <section  th:replace="~{common/blogMenu :: blogMenu}">
    </section>
    <!-- 头部菜单 结束 -->
    
    
    <!-- Breadcromb Area Start -->
    <section class="rapid-breadcromb-area section_50">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="breadcromb">
                        <h3>联系我</h3>
                        <ul>
                            <li><a href="/static">首页</a></li>
                            <li>/</li>
                            <li>联系我</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Breadcromb Area End -->
    
    
    
    <!-- Allpost Area Start -->
    <section class="rapid-Allpost-area section_50">
        <div class="container">
            <div class="row">
                <div class="col-md-9">
                    <div class="page-content">
                        <h3>联系我</h3>
                        <p>如有问题需联系我，请留下您的邮箱、电话与姓名</p>
                        <form>
                            <div class="row">
                                <div class="col-md-6">
                                    <p>
                                        <label for="name" > 你的名字</label>
                                        <input type="text" name="name" id="name" >
                                    </p>
                                </div>
                                <div class="col-md-6">
                                    <p>
                                        <label for="email" > 你的邮箱</label>
                                        <input type="email" name="email" id="email" >
                                    </p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <p>
                                        <label for="tel" > 你的电话</label>
                                        <input type="tel" name="tel" id="tel" >
                                    </p>
                                </div>
                                <div class="col-md-6">
                                    <p>
                                        <label for="qq" > 你的QQ</label>
                                        <input type="text" name="qq" id="qq" >
                                    </p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <p>
                                        <label for="message" >具体问题</label>
                                        <textarea id="message" name="message" ></textarea>
                                    </p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <p>
                                        <input style="width: 180px" type="submit" value="提交" >
                                    </p>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!--右侧主内容开始-->
                <div  th:replace="~{common/blogRight :: blogRight}"></div>
                <!--右侧主内容结束-->
            </div>
        </div>
    </section>
    <!-- Allpost Area End -->



    <!-- 页脚区域开始 -->
    <footer th:replace="~{common/blogDown :: blogDown}">
    </footer>
    <!-- 页脚区域结束 -->
    
    
    
    <!-- jQuery -->
    <script src="/assets1/js/jquery.min.js"></script>
    
    <!-- Bootstrap JS -->
    <script src="/assets1/js/bootstrap.min.js"></script>
    
    <!-- Magnific Popup JS -->
    <script src="/assets1/js/jquery.magnific-popup.min.js"></script>
    
    <!-- OwlCarousel JS -->
    <script src="/assets1/js/owl.carousel.min.js"></script>
    
    <!-- SlickNav JS -->
    <script src="/assets1/js/jquery.slicknav.min.js"></script>
    
    <!-- Custom JS -->
    <script src="/assets1/js/custom.js"></script>

    <!--全局\退出js-->
    <script src="/assets1/js/common.js"></script>
<script>
    $('#logoutLink').on('click', function(e) {
        e.preventDefault();
        logout();  // 在这里我可以直接使用common.js中定义的logout()函数
    });


</script>
</body>
</html>
